<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<title>网上申请</title>

	<!-- 共同的css -->
	<script src="../common/css.js"></script>
	<script src="../../js/jquery.min.js"></script>
	<link rel="stylesheet" type="text/css" href="../../css/intro.css">
	<link rel="shortcut icon" href="../../img/logo_32.ico">
	<style type="text/css">
		textarea {
			max-width: 630px;
			border-radius: 3px;
			border: 1px solid #ccc;
		}
	</style>
</head>
<body>
	<!-- 引入共同header -->
	<div class="header">
		<script src="../common/header.js"></script>
	</div>

	<div class="container intro">
		<div class="up">

			<div class="headline">
				<span class="headTitle">开放实验室</span>
				<div class="bgcover"></div>
			</div>

			<ol class="breadcrumb">
				<li><a href="../index/homepage.html">首页</a></li>
				<li><a href="apply.html">开放实验室</a></li>
				<li><a href="apply.html">网上申请</a></li>
				<li class="active">信息登记表</li>
			</ol>

		</div>

		<div class="down">
			
			<!-- 侧边栏 -->
			<div class="sideBar">
				<dl>
					<dt class="Btitle Bcurrent"><a href="javascript:void(0)">网上申请</a></dt>
					<dd class="Ctitle"><a href="apply.html">简介</a></dd>
					<dd class="Ctitle Ccurrent"><a href="javascript:void(0)">信息登记表</a></dd>
				</dl>
				<dl>
					<dt class="Btitle"><a href="create.html">学生创新</a></dt>
					<dt class="Btitle"><a href="cooperate.html">横向合作</a></dt>
					<dt class="Btitle"><a href="chat.html">校际交流</a></dt>
				</dl>
			</div>
			<!-- 侧边栏 ending -->
			
			<!-- 文章详情 -->
			<div class="detail">
				<h2 class="text-center">
					计算机科学与技术实验教学中心开放实验室申请信息登记表<br>
					<small class="text-danger">注：请各学生务必将表中所列项目填齐</small>
				</h2>

				<div class="article">
					<div></div>
					<center>
						<form style="text-align: left; width: 100%;" class="jumbotron" action='2.jsp' method='post' name='' target="_self"  onsubmit='return check(this);'>

							<center>
								<img src="../../img/common/1.png">
								<h3>基本情况</h3>
							</center>
							<table>
								<tr>
									<td><h5>学生学号:</h5></td>
									<td>
										<input class="form-control input-sm" name='user1number' type='text' title="学生学号"/>
									</td>
									<td><h5>学生姓名:</h5></td>
									<td>
										<input class="form-control input-sm" name='user1name'  type='text' title="学生姓名"/>
									</td>
									<td><h5>班别:</h5></td>
									<td>
										<div class="form-group" style="margin-bottom: 0;">
											<select data-toggle="select" class="form-control select input-sm" name='user1class'  title="班别">
												<option value=''></option>
												<option value='1班'>1班</option>
												<option value='2班'>2班</option>
												<option value='3班'>3班</option>
												<option value='4班'>4班</option>
												<option value='5班'>5班</option>
												<option value='6班'>6班</option>
											</select>
										</div>
									</td>
									
								</tr>
								<tr>
									<td><h5>所在单位<br>（院系）:</h5></td>
									<td>
										<div class="form-group" style="margin-bottom: 0;">
											<select data-toggle="select" class="form-control select input-sm" name='user1unit' title="所在单位（院系）">
												<option value=''></option>
												<option value='计算机与网络安全学院'>计算机与网络安全学院</option>
												<option value='电子工程与智能化学院'>电子工程与智能化学院</option>
												<option value='经济与管理学院'>经济与管理学院</option>
												<option value='机械工程学院'>机械工程学院</option>
												<option value='文学与传媒学院'>文学与传媒学院</option>
												<option value='教育学院'>教育学院</option>
												<option value='法律与社会工作学院'>法律与社会工作学院</option>
												<option value='生态环境与建筑工程学院'>生态环境与建筑工程学院</option>
												<option value='化学工程与能源技术学院'>化学工程与能源技术学院</option>
											</select>
										</div>
									</td>
									<td><h5>年级:</h5></td>
									<td>
										<div class="form-group" style="margin-bottom: 0;">
											<select data-toggle="select" class="form-control select input-sm" name='user1grade'  title="年级">
												<option value=''></option>
												<option value='2011'>2011</option>
												<option value='2012'>2012</option>
												<option value='2013'>2013</option>
												<option value='2014'>2014</option>
												<option value='2015'>2015</option>
												<option value='2016'>2016</option>
												<option value='2017'>2017</option>
												<option value='2018'>2018</option>
											</select>
										</div>
									</td>
								</tr>
							</table>
							<hr>

							<center style="padding-top: 35px;">
								<img src="../../img/common/2.png">
								<h3>实验情况</h3>
							</center>
							<div id ="div_id">
								<table style="width: 714px;">
									<tr>
										<td><h5>实验编号:</h5></td>
										<td style="width: 130px;">
											<input class="form-control input-sm" name="number[]" type="text" value="" size="3"  title="实验编号"/>
										</td>
										<td><h5>实验项目:</h5></td>
										<td>
											<input class="form-control input-sm" name="items[]" type="text" title="实验项目" value="" size="23"/>
										</td>
										<td><h5>实验类型:</h5></td>
										<td>
											<div class="form-group" style="margin-bottom: 0;">
												<select data-toggle="select" class="form-control select input-sm" name='type[]'  title="实验类型">
													<option value='演示型'>演示型</option>
													<option value='基础型'>基础型</option>
													<option value='验证型'>验证型</option>
													<option value='综合型'>综合型</option>
													<option value='设计型'>设计型</option>
												</select>
											</div>
										</td>
									</tr>
									<tr>
										<td><h5>人数:</h5></td>
										<td>
											<input class="form-control input-sm" name='member[]' type='text' title="人数" size='3'/>
										</td>
										<td></td>
										<td></td>
										<td></td>
										<td>
											<input class="btn btn-info btn-sm" type="button" value="增加实验项目" onClick="javascript:add_1()" />
										</td>
										
									</tr>
								</table>
							</div>
							<table style="margin: 0 0 0 15px;">
								<tbody>
									<tr>
										<td style="min-width: 85px;">系统需求:</td>
										<td style="text-align: left;">
											<textarea name='system' cols="40" title="系统需求"></textarea>
										</td>
									</tr>
									<tr>
										<td style="min-width: 85px;">软件需求:</td>
										<td style="text-align: left;">
											<textarea name='software' cols="40" title="软件需求"></textarea>
										</td>
									</tr>
									<tr>
										<td style="min-width: 85px;">主要耗材:</td>
										<td style="text-align: left;">
											<textarea name='haocai' cols="40" title="主要耗材"></textarea>
										</td>
									</tr>
									<tr>
										<td style="min-width: 85px;">申请时间:</td>
										<td style="text-align: left;">
											<textarea name="time" cols="40" title="申请时间"></textarea>
										</td>
									</tr>
								</tbody>
							</table>
							<hr>
							<center style="padding-top: 35px;">
								<img src="../../img/common/3.png">
								<h3>共同参与人</h3>
							</center>
							<div id=div2>
								<table>
									<tr>
										<td><h5>参与人学号:</h5></td>
										<td>
											<input class="form-control input-sm" name='user2number[]' type='text' size='12' maxlength='12' title="参与人学号" >
										</td>
										<td><h5>参与人姓名:</h5></td>
										<td>
											<input class="form-control input-sm" name='user2name[]'  type='text' size='10' maxlength='10' title="参与人姓名">
										</td>
										<td>所在单位<br>（院系）</td>
										<td>
											<div class="form-group" style="margin-bottom: 0;">
												<select data-toggle="select" class="form-control select input-sm" name='user2unit[] ' title="所在单位（院系）">
													<option value=''></option>
													<option value='计算机与网络安全学院'>计算机与网络安全学院</option>
													<option value='电子工程与智能化学院'>电子工程与智能化学院</option>
													<option value='经济与管理学院'>经济与管理学院</option>
													<option value='机械工程学院'>机械工程学院</option>
													<option value='文学与传媒学院'>文学与传媒学院</option>
													<option value='教育学院'>教育学院</option>
													<option value='法律与社会工作学院'>法律与社会工作学院</option>
													<option value='生态环境与建筑工程学院'>生态环境与建筑工程学院</option>
													<option value='化学工程与能源技术学院'>化学工程与能源技术学院</option>
												</select>
											</div>
										</td>
									</tr>
									<tr>
										<td><h5>年级:</h5></td>
										<td>
											<div class="form-group" style="margin-bottom: 0;">
												<select data-toggle="select" class="form-control select input-sm" name='user2grade[]'  title="年级">
													<option value=''></option>
													<option value='2011'>2011</option>
													<option value='2012'>2012</option>
													<option value='2013'>2013</option>
													<option value='2014'>2014</option>
													<option value='2015'>2015</option>
													<option value='2016'>2016</option>
													<option value='2017'>2017</option>
													<option value='2018'>2018</option>
												</select>
											</div>
										</td>
										<td><h5>班别:</h5></td>
										<td>
											<div class="form-group" style="margin-bottom: 0;">
												<select data-toggle="select" class="form-control select input-sm" name='user2class[]'  title="班别">
													<option value=''></option>
													<option value='1班'>1班</option>
													<option value='2班'>2班</option>
													<option value='3班'>3班</option>
													<option value='4班'>4班</option>
													<option value='5班'>5班</option>
													<option value='6班'>6班</option>
												</select>
											</div>
										</td>
										<td></td>
										<td>
											<input class="btn btn-info btn-sm" type="button" onClick="javascript:add_2()" value="增加参与人" />
										</td>

									</tr>
								</table>
							</div>

							<hr>
							<center>
								<input class="btn btn-success" style="margin-top: 35px; width: 25%;" name='submit' type='submit' value='提交'><br>
								<input class="btn btn-link" style="text-decoration: none;" type="reset" value="重置">
							</center>
						</form>
					</center>

				</div>
			</div>
		</div>
	</div>

	<script language="javascript" type="text/javascript">

		var div1_id=1;
		var div2_id=1;

		function add_1(){ 
			//var div = document.getElementById("active_add");
			var NewNode = document.createElement("div");
			div_id.appendChild(NewNode);
			NewNode.innerHTML="<table id=" + div1_id + " style='width: 714px;'><tr>"+
			"<td><h5>实验编号:</h5></td>" + 
			"<td style='width: 130px;'><input class='form-control input-sm' name='number[]' type='text' value='' size='3'  title='实验编号'/></td>" + 
			"<td><h5>实验项目:</h5></td>" + 
			"<td><input class='form-control input-sm' name='items[]' type='text' title='实验项目' value='' size='23'/></td>" + 
			"<td><h5>实验类型:</h5></td>" + 
			"<td><div class=''form-group' style='margin-bottom: 0;'><select data-toggle='select' class='form-control select input-sm' name='type[]'  title='实验类型'><option value='演示型'>演示型</option><option value='基础型'>基础型</option><option value='验证型'>验证型</option><option value='综合型'>综合型</option><option value='设计型'>设计型</option></select></div></td>" + 
			"</tr><tr>" + 
			"<td><h5>人数:</h5></td>" + 
			"<td><input class='form-control input-sm' name='member[]' type='text' title='人数' size='3'/></td>" + 
			"<td></td><td></td><td></td>" + 
			"<td><input class='btn btn-warning btn-sm' type=button value='删除' onclick='remove_1("+ div1_id +")' /></td>"
			"</tr></table>";
			div1_id++;
		}

		function remove_1(iid){
			var p= document.getElementById(iid); 
			//var div=content.document.getElementById(iid); parentNode. 
			p.parentNode.parentNode.removeChild(p.parentNode); //删除（注意div的存在）

		}
		function add_2(){
			var NewNode = document.createElement("div");
			div2.appendChild(NewNode);
			NewNode.innerHTML="<table id=" + div2_id + "><tr>"+
			"<td><h5>参与人学号:</h5></td>" + 
			"<td><input class='form-control input-sm' name='user2number[]' type='text' size='12' maxlength='12' title='参与人学号'></td>" + 
			"<td><h5>参与人姓名:</h5></td>" + 
			"<td><input class='form-control input-sm' name='user2name[]'  type='text' size='10' maxlength='10' title='参与人姓名'></td>" + 
			"<td>所在单位<br>（院系）</td>" + 
			"<td><div class='form-group' style='margin-bottom: 0;'><select data-toggle='select' class='form-control select input-sm' name='user2unit[] ' title='所在单位（院系）'><option value=''></option><option value='计算机与网络安全学院'>计算机与网络安全学院</option><option value='电子工程与智能化学院'>电子工程与智能化学院</option><option value='经济与管理学院'>经济与管理学院</option><option value='机械工程学院'>机械工程学院</option><option value='文学与传媒学院'>文学与传媒学院</option><option value='教育学院'>教育学院</option><option value='法律与社会工作学院'>法律与社会工作学院</option><option value='生态环境与建筑工程学院'>生态环境与建筑工程学院</option><option value='化学工程与能源技术学院'>化学工程与能源技术学院</option></select></div></td>" + 
			"</tr><tr>" + 
			"<td><h5>年级:</h5></td>" + 
			"<td><div class='form-group' style='margin-bottom: 0;'><select data-toggle='select' class='form-control select input-sm' name='user2grade[]'  title='年级'><option value=''></option><option value='2011'>2011</option><option value='2012'>2012</option><option value='2013'>2013</option><option value='2014'>2014</option><option value='2015'>2015</option><option value='2016'>2016</option><option value='2017'>2017</option><option value='2018'>2018</option></select></div></td>" + 
			"<td><h5>班别:</h5></td>" + 
			"<td><div class='form-group' style='margin-bottom: 0;'><select data-toggle='select' class='form-control select input-sm' name='user2class[]'  title='班别'><option value=''></option><option value='1班'>1班</option><option value='2班'>2班</option><option value='3班'>3班</option><option value='4班'>4班</option><option value='5班'>5班</option><option value='6班'>6班</option></select></div></td>" + 
			"<td></td>" + 
			"<td><input class='btn btn-warning btn-sm' type='button' onClick='remove_2("+ div2_id +")' value='删除' /></td>" + 
			"</tr></table>"
			div1_id++;
		}

		function remove_2(id){
			var div= document.getElementById(id);
			div.parentNode.parentNode.removeChild(div.parentNode);
		}

		function check(form){					//循环检查是否为空！
			for(i=0;i<form.length;i++){
				if(form.elements[i].value==''){
					alert(form.elements[i].title+"不能为空！");		//elements[i]指向名字！
					form.elements[i].focus();
					return false;
				}

				if(form.elements[i].title=='学生学号'||form.elements[i].title=='实验编号'||form.elements[i].title=='人数'||form.elements[i].title=='参与人学号'){
						var Expresion=/^[1-9]/;
						var objExp=new RegExp(Expresion);
						if(!objExp.test(form.elements[i].value)){
							alert(form.elements[i].title+"必须为自然数！");//elements[i]指向名字！
							form.elements[i].focus();
							form.elements[i].select();
							return false;
						}
				}
			}
		}
	</script>


	<!-- FOOTER的引入 -->
	<script src="../common/footer.js"></script>

	<!-- 共同js的引入 -->
	<script src="../common/js.js"></script>
	<script src="../common/introjs.js"></script>

</body>
</html>